/* pagesWorkOrderDetail/pagesWorkOrderDetail.wxss */
.pages {
    &-work {
        &-order {
            &-detail {
                background: #f0f2f5;
                box-sizing: border-box;
                height: 100vh;
                width: 100%;
                overflow-y: auto;
                display: flex;
                flex-direction: column;
                .body {
                    flex: 1;
                    padding: 0 32rpx;
                    position: relative;
                }
                .footer {
                    background-color: #fff;
                    margin-bottom: env(safe-area-inset-bottom);
                    padding: 32rpx;
                    box-shadow: 0 0 2rpx #e7e7e7;
                }
                .back-top {
                    display: flex;
                    justify-content: center;
                    padding-bottom: 16rpx;
                }
            }
        }
    }
}
.anchor {
    &-menu {
        position: fixed;
        right: 32rpx;
        bottom: 192rpx;
        width: 96rpx;
        height: 96rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f2f3ff;
        box-shadow: 0rpx 10rpx 10rpx -6rpx rgba(0, 0, 0, 0.1),
            0rpx 16rpx 20rpx 2rpx rgba(0, 0, 0, 0.06),
            0rpx 6rpx 28rpx 4rpx rgba(0, 0, 0, 0.05);
        border-radius: 48rpx 48rpx 48rpx 48rpx;
    }
    &-list {
        &-wrapper {
            width: 360rpx;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0rpx 10rpx 10rpx -6rpx rgba(0, 0, 0, 0.1),
                0rpx 16rpx 20rpx 2rpx rgba(0, 0, 0, 0.06),
                0rpx 6rpx 28rpx 4rpx rgba(0, 0, 0, 0.05);
            border-radius: 16rpx 16rpx 16rpx 16rpx;
        }
    }
}

.m {
    &-t {
        &-16 {
            margin-top: 16rpx;
        }
    }
    &-b {
        &-32 {
            margin-bottom: 32rpx;
        }
    }
}
